$theme: $theme-light;
$theme-menu-bg-top: $theme-light-menu-bg-top;
$theme-menu-bg: $theme-light-menu-bg;
$theme-header: $theme-light-header;
$theme-menu-hover: $theme-light-menu-hover;
$theme-menu-active-start: $theme-light-menu-active-start;
$theme-menu-active-end: $theme-light-menu-active-end;
$theme-menu-color: $theme-light-menu-color;
//颜色状态
$theme-primary-color: $theme-light-primary-color;
$theme-success-color: $theme-light-success-color;
$theme-error-color: $theme-light-error-color;
$theme-warn-color: $theme-light-warn-color;
$theme-rest-color: $theme-light-rest-color;

html {
    --antd-wave-shadow-color: $theme !important;
}
body.vue-antd-admin-lightTheme {
    .rightPanl {
        background: $theme !important;
        .settingIcon {
            color: #fff;
        }
    }
    .tagView-wrapper .scroll-outer .scroll-body .activeTag {
        background: $theme !important;
    }
    .sale-title .sale-time .time-item.activeTime {
        background: $theme !important;
        &:hover {
            background: $theme !important;
        }
    }
    .backTop .ant-back-top {
        background: $theme !important;
    }
    .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
        background: $theme !important;
        border-color: $theme !important;
        box-shadow: -1px 0 0 0 $theme !important;
    }
    .ant-switch-checked {
        background: $theme !important;
    }
    //配置
    .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after,
    .ant-checkbox-indeterminate .ant-checkbox-inner::after {
        background-color: $theme;
        height: 2px;
    }
    .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
    .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
    .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner,
    .ant-tree-checkbox-checked .ant-tree-checkbox-inner,
    .ant-input-number:hover,
    .ant-input:hover {
        border-color: $theme;
    }
    .ant-input-number-focused,
    .ant-select-focused .ant-input-focused {
        box-shadow: 0 0 0 2px rgba($color: $theme, $alpha: 0.2);
    }
    .ant-menu .ant-menu-item,
    .ant-menu .ant-menu-item-group-title,
    .ant-menu .ant-menu-item > a,
    .ant-menu-submenu-title {
        color: rgba($color: #333, $alpha: 1);
        transition: all 0.2s ease;
    }
    .ant-menu .ant-menu-item-selected >a {
        color: #fff;
    }

    .ant-menu-submenu-popup.ant-menu .ant-menu-item-selected,
    .ant-tabs-ink-bar,
    .ant-radio-inner::after,
    .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after,
    .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
    .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date,
    .ant-switch-checked {
        color: #fff !important;
        background-color: $theme-primary-color !important;
    }
    .side-wrapper {
        @include cardBg($theme-menu-bg-top, $theme-menu-bg,180deg,0%,100%);
        .side_setting_box {
            background: rgba($color: $theme-grey, $alpha: 0.2);
        }
        .side-main {
            width: 100%;
            flex: 1;
            // height: calc(100% - 64px - 50px);
        }
        .ant-menu {
            background: unset !important;
            .ant-menu-inline.ant-menu-sub
            .ant-menu-submenu-selected
            {
                transition: all 0.2s ease;
                background: $theme-menu-hover !important;
            }
            .ant-menu-item:hover,
            .ant-menu-item-active:hover {
                color: #fff;
                background: $theme-menu-hover;
            }
            .ant-menu-submenu-selected .ant-menu-submenu-title,
            .ant-menu-item-selected,
            .ant-menu-sub .ant-menu-item-selected {
                @include cardBg($theme-menu-active-start, $theme-menu-active-end);
            }
        }
    }
    .aside_fold {
        background: $theme-menu-bg;
        box-shadow: 4px 4px 6px rgba($color: $theme-menu-bg, $alpha: 0.3);
        &::before {
            border-bottom: 24px solid $theme-menu-bg;
        }
        &::after {
            border-top: 24px solid $theme-menu-bg;
        }
    }
    .ant-select-open .ant-select-selection,
    .ant-select-selection:focus,
    .ant-select-selection:active,
    .ant-select-selection:hover,
    .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
    .ant-input-affix-wrapper .ant-input:focus,
    .ant-input-affix-wrapper .ant-input:hover,
    .ant-input-affix-wrapper .ant-input:active .ant-input-affix-wrapper .ant-input-focused,
    .ant-calendar-picker:hover .ant-input,
    .ant-calendar-picker:focus .ant-input,
    .ant-time-picker-input:hover {
        border-color: $theme-primary-color !important;
        box-shadow: 0 0 0 2px rgba($color: $theme, $alpha: 0.2);
    }
    .ant-btn:hover,
    .ant-btn:focus {
        border-color: $theme;
    }
    .header_box {
        flex: 1;
        padding-left: 20px;
        align-items: center;
        @include cardBg($theme-header, $theme-header);
        .user_name {
            color: #333;
            font-size: 14px;
        }
        .header_icon {
            color: #fff;
            font-size: 18px;
        }
    }
    .breadcrumb_current_name {
        color: $theme-primary-color;
    }
    //分页
    .ant-pagination-item-active {
        background-color: $theme-primary-color;
    }
    .ant-pagination-item-active a {
        color: #fff !important;
    }
    .ant-pagination-item {
        margin: 0 2px !important;
    }
    .ant-pagination-item:not(.ant-pagination-item-active):hover a {
        color: $theme-primary-color;
    }
    .ant-pagination-item:not(.ant-pagination-item-active):hover {
        border: 1px solid $theme-primary-color !important;
    }
    .ant-pagination-item:not(.ant-pagination-item-active) {
        border: 1px solid #e6e6e6 !important;
    }
    //按钮颜色
    .ant-btn.btn_primary {
        color: #fff;
        background: $theme-primary-color;
        border: 1px solid $theme-primary-color;
        &:hover {
            color: #fff !important;
            border-color: $theme-primary-color !important;
            background: rgba($color: $theme-primary-color, $alpha: 0.8);
            box-shadow: 0 0 2px 2px rgba($color: $theme-primary-color, $alpha: 0.3) !important;
        }
        &[disabled] {
            color: #fff !important;
            background-color: rgba($color: $theme-primary-color, $alpha: 0.3) !important;
            border-color: rgba($color: $theme-primary-color, $alpha: 0.1) !important;
            &:hover,
            &:focus {
                background-color: rgba($color: $theme-primary-color, $alpha: 0.3) !important;
            }
        }
        &.ant-btn-dashed {
            color: $theme-primary-color !important;
            background-color: #fff;
            &[disabled] {
                color: rgba($color: $theme-primary-color, $alpha: 0.3) !important;
                background-color: #fff !important;
                border-color: rgba($color: $theme-primary-color, $alpha: 0.3) !important;
            }
        }
        &.ant-btn-link {
            color: $theme-primary-color !important;
            background: none !important;
        }
    }
    .btn_success {
        &.ant-btn {
            color: #fff;
            background: $theme-success-color;
            border: 1px solid $theme-success-color;
            &:hover {
                color: #fff !important;
                border-color: $theme-success-color !important;
                background: rgba($color: $theme-success-color, $alpha: 0.8);
                box-shadow: 0 0 2px 2px rgba($color: $theme-success-color, $alpha: 0.3) !important;
            }
            &[disabled] {
                color: #fff !important;
                background-color: rgba($color: $theme-success-color, $alpha: 0.3) !important;
                border-color: rgba($color: $theme-success-color, $alpha: 0.1) !important;
                &:hover,
                &:focus {
                    background-color: rgba($color: $theme-success-color, $alpha: 0.3) !important;
                }
            }
            &.ant-btn-dashed {
                color: $theme-success-color !important;
                background-color: #fff;
                color: $theme-success-color;
            }
            &.ant-btn-link {
                color: $theme-success-color !important;
                background: none !important;
            }
        }
    }
    .btn_error {
        color: #fff;
        background: $theme-error-color;
        border: 1px solid $theme-error-color;
        &:hover {
            color: #fff !important;
            border-color: $theme-error-color !important;
            background: rgba($color: $theme-error-color, $alpha: 0.8);
            box-shadow: 0 0 2px 2px rgba($color: $theme-error-color, $alpha: 0.3) !important;
        }
        &[disabled] {
            color: #fff !important;
            background-color: rgba($color: $theme-error-color, $alpha: 0.3) !important;
            border-color: rgba($color: $theme-error-color, $alpha: 0.1) !important;
            &:hover,
            &:focus {
                background-color: rgba($color: $theme-error-color, $alpha: 0.3) !important;
            }
        }
    }
    .btn_warn {
        color: #fff;
        background: $theme-warn-color;
        border: 1px solid $theme-warn-color;
        &:hover {
            color: #fff !important;
            border-color: $theme-warn-color !important;
            background: rgba($color: $theme-warn-color, $alpha: 0.8);
            box-shadow: 0 0 2px 2px rgba($color: $theme-warn-color, $alpha: 0.3) !important;
        }
        &[disabled] {
            color: #fff !important;
            background-color: rgba($color: $theme-warn-color, $alpha: 0.4) !important;
            border-color: rgba($color: $theme-warn-color, $alpha: 0.1) !important;
            &:hover,
            &:focus {
                background-color: rgba($color: $theme-warn-color, $alpha: 0.3) !important;
            }
        }
    }
    .btn_reset {
        color: #fff !important;
        background: $theme-rest-color;
        border: 1px solid $theme-rest-color;
        &:hover {
            color: #fff;
            border-color: $theme-rest-color !important;
            background: rgba($color: $theme-rest-color, $alpha: 0.8);
            box-shadow: 0 0 2px 2px rgba($color: $theme-rest-color, $alpha: 0.3) !important;
        }
        &[disabled] {
            color: #fff !important;
            background-color: rgba($color: $theme-rest-color, $alpha: 0.4) !important;
            border-color: rgba($color: $theme-rest-color, $alpha: 0.1) !important;
            &:hover,
            &:focus {
                background-color: rgba($color: $theme-rest-color, $alpha: 0.3) !important;
            }
        }
        &.ant-btn-dashed {
            color: $theme-rest-color !important;
            background-color: #fff;
            color: $theme-rest-color;
        }
        &.ant-btn-link {
            color: $theme-rest-color !important;
            background: none !important;
        }
        &:hover,
        &:active,
        &:focus{
            box-shadow: none!important;
        }
    }

    //按钮
    .ant-btn.disabled,
    .ant-btn[disabled] {
        // color: rgba(0, 0, 0, 0.25) !important;
        // background-color: #f5f5f5 !important;
        // border-color: #d9d9d9 !important;
    }
    .ant-tabs-nav .ant-tabs-tab-active,
    .ant-btn-link,
    .ant-calendar-today .ant-calendar-date {
        color: $theme-primary-color !important;
    }
    .ant-btn.ant-btn-danger:focus,
    .ant-btn.ant-btn-danger:hover {
        color: #fff;
        border-color: #ff6b5c !important;
        box-shadow: 0 2px 0 rgba($color: #ff6b5c, $alpha: 0.2);
    }
    .ant-btn-danger[disabled] {
        color: #fff !important;
        background-color: rgba($color: #ff6b5c, $alpha: 0.5) !important;
        border-color: rgba($color: #ff6b5c, $alpha: 0.1) !important;
    }
    .ant-btn-primary-disabled,
    .ant-btn-primary.disabled,
    .ant-btn-primary[disabled],
    .ant-btn-primary-disabled:hover,
    .ant-btn-primary.disabled:hover,
    .ant-btn-primary[disabled]:hover {
        background-color: #f5f5f5 !important;
        border-color: #d9d9d9 !important;
    }
    .ant-btn-primary-disabled:hover,
    .ant-btn-primary.disabled:hover,
    .ant-btn-primary[disabled]:hover,
    .ant-btn.ant-btn-danger[disabled]:hover {
        box-shadow: 0 0 2px 2px rgba($color: #d9d9d9, $alpha: 0.5) !important;
    }
    .ant-btn:hover,
    .ant-btn:focus {
        color: #999;
        border-color: #d9d9d9;
    }
    .ant-btn.ant-btn-link,
    .ant-btn.ant-btn-link:hover,
    .ant-btn.ant-btn-link:focus {
        border: none !important;
        box-shadow: none;
    }
    //流程
    .ant-steps {
        width: auto;
    }
    .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after,
    .ant-steps-item-finish .ant-steps-item-icon,
    .ant-steps-item-process .ant-steps-item-icon {
        background-color: $theme-success-color;
        border-color: $theme-success-color;
    }
    .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
        color: #fff;
    }
    .ant-btn-primary,
    .ant-checkbox-checked .ant-checkbox-inner,
    .ant-tree-checkbox-checked .ant-tree-checkbox-inner,
    .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
        background-color: $theme-primary-color !important;
        border-color: $theme-primary-color !important;
    }
    .ant-btn-primary:hover {
        color: #9DB9DA;
        box-shadow: 0 0 2px 2px rgba($color: $theme-primary-color, $alpha: 0.3);
    }
    .ant-checkbox-checked::after,
    .ant-pagination-item-active,
    .ant-radio-checked .ant-radio-inner,
    .ant-radio-checked::after,
    .ant-calendar-today .ant-calendar-date {
        border-color: $theme-primary-color !important;
    }

    .ant-checkbox:focus .ant-checkbox-inner,
    .ant-checkbox:hover .ant-checkbox-inner {
        border-color: $theme-primary-color;
    }
    .ant-menu-vertical .ant-menu-item,
    .ant-menu-vertical-left .ant-menu-item,
    .ant-menu-vertical-right .ant-menu-item,
    .ant-menu-inline .ant-menu-item,
    .ant-menu-vertical .ant-menu-submenu-title,
    .ant-menu-vertical-left .ant-menu-submenu-title,
    .ant-menu-vertical-right .ant-menu-submenu-title,
    .ant-menu-inline .ant-menu-submenu-title {
        font-size: 15px !important;
    }
    .ant-table-empty {
        .ant-able-scroll {
            position: relative;
        }
        .ant-table-body {
            height: 228px;
        }
        .ant-table-placeholder {
            position: absolute;
            left: 0;
            right: 0;
            z-index: 1;
            margin-top: -182px;
        }
    }
    .table_scroll {
        flex: 1;
        width: calc(100vw - 260px);
    }
    .full .table_scroll {
        width: calc(100vw - 86px);
    }
    .ant-time-picker-panel-select li:focus {
        color: $theme-primary-color;
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover {
        color: $theme-primary-color;
    }

    .ant-menu-dark .ant-menu-sub .ant-menu-item > a {
        color: #eef0f1;
    }
    .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
        border-radius: 0;
    }
    .ant-btn[disabled]:hover {
        border-color: #d9d9d9 !important;
        box-shadow: none;
    }

    .rightPanl {
        background: $theme-primary-color !important;
        .settingIcon {
            color: #fff;
        }
    }
    .tagView-wrapper .scroll-outer .scroll-body .activeTag {
        background: $theme-primary-color !important;
    }
    .sale-title .sale-time .time-item.activeTime {
        background: $theme-primary-color !important;
        &:hover {
            background: $theme-primary-color !important;
        }
    }
    .backTop .ant-back-top {
        background: $theme-primary-color !important;
    }

    .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
        background: $theme-primary-color !important;
        border-color: $theme-primary-color !important;
        box-shadow: -1px 0 0 0 $theme-primary-color !important;
    }
    .ant-switch-checked {
        background: $theme-primary-color !important;
    }
    .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after,
    .ant-checkbox-indeterminate .ant-checkbox-inner::after {
        background-color: $theme-primary-color;
        height: 2px;
    }
    .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
    .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
    .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner,
    .ant-tree-checkbox-checked .ant-tree-checkbox-inner,
    .ant-input-number:hover,
    .ant-input:hover {
        border-color: $theme-primary-color;
    }
    .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
        border-color: #fff;
    }
    .ant-input-number-focused,
    .ant-select-focused .ant-input-focused {
        box-shadow: 0 0 0 2px rgba($color: $theme-primary-color, $alpha: 0.2);
    }

    .ant-menu-dark .ant-menu-item,
    .ant-menu-dark .ant-menu-item-group-title,
    .ant-menu-dark .ant-menu-item > a {
        // color: #bcc0c3;
    }
    .ant-table-thead > tr > th {
        background-color: $table-thead-bg !important;
    }
    // .ant-table-bordered .ant-table-thead > tr > th {
    //     border-right: #f2f2f2;
    // }
    .table-striped {
        background-color: #fafafa;
    }
    .ant-table-body .ant-table-row:hover > td {
        background-color: #eef1f8 !important;
    }
    .ant-tag-blue {
        color: $theme-primary-color;
        background: rgba($color: $theme-primary-color, $alpha: 0.1);
        border-color: rgba($color: $theme-primary-color, $alpha: 0.5);
    }
    .ant-calendar .ant-calendar-ok-btn,
    .ant-calendar .ant-calendar-ok-btn:hover {
        color: #fff;
        background-color: $theme-primary-color;
        border-color: $theme-primary-color;
    }
    .ant-calendar .ant-calendar-ok-btn:hover {
        color: rgba($color: #fff, $alpha: 0.8);
        box-shadow: 0 0 2px 2px rgba($color: $theme-primary-color, $alpha: 0.3);
    }
    .ant-calendar-range .ant-calendar-in-range-cell::before {
        background-color: rgba($color: $theme-primary-color, $alpha: 0.15);
    }
    .tip_number {
        line-height: 20px;
        font-size: 12px;
        color: #ff4d4f;
    }
    .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
    .ant-table-thead
        > tr
        > th
        .ant-table-column-sorter
        .ant-table-column-sorter-inner
        .ant-table-column-sorter-down.on {
        color: $theme-primary-color;
    }
    .sort_icon.sort_icon_active {
        color: $theme-primary-color;
    }
    .side-main.ant-menu-horizontal {
        .ant-menu-item-selected {
            background: none;
        }
        .ant-menu-item {
            padding: 0;
            & > a {
                padding: 0 20px;
            }
        }
        .ant-menu-submenu-selected,
        .ant-menu-submenu-selected .ant-menu-submenu-title,
        .router-link-active {
            color: #fff!important;
            background-color: $theme-primary-color;
        }
    }
    .table_type_select,
    .table_type_select:hover {
        td.ant-table-selection-column,
        td.ant-table-row-cell-break-word {
            // color: #fff;
            background-color: rgba($color: $theme, $alpha: 0.8) !important;
        }
    }
    .type_wrapper .type_box .type_item.type_active,
    .theme-primary {
        background-color: $theme-primary-color;
    }
    .text_success {
        color: $theme-success-color;
    }
    .text_do {
        color: $theme-rest-color;
    }
    .text_error {
        color: $theme-error-color;
    }
    .examine_sequence_box .sequence {
        &.done {
            color: #fff;
            background-color: $theme-primary-color;
            border-color: $theme-primary-color;
        }
        &.active {
            color: #fff;
            background-color: $theme;
            border-color: $theme;
        }
    }
    .video {
        &.complete,
        &.current {
            color: $theme !important;
            background: #fff !important;
        }
        &.complete {
            .check {
                color: $theme !important;
            }
        }
    }
    .error {
        color: $theme-error-color!important;
    }
    .activeItem {
        color: $theme!important;
    }
    .icon.active{
        color: $theme!important;
    }
    .active_bg{
        background-color: $theme!important;
        border-color: $theme!important;
    }
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{
        background-color: initial;
        color: $theme;
    }
    .hover{
        color: #333;
        cursor: pointer;
        &:hover{
            color: $theme;
        }
    }
    .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot,
    .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after,
    .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot{
        background: $theme-success-color;
    }
    .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{
        left: 0;
    }

    .side-wrapper .side_setting_box .setting_item{
        color: #333;
    }
    .statistics_box{
        background-color: rgba($color: $theme-header, $alpha: .75);
    }
    .btn_dropdown,
    .ant-dropdown-open{
        color: #fff!important;
        background-color: $theme-menu-bg!important;
    }
}
